.report-container {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  .report-content {
    margin: 0 auto;
    width: 1002px;
    .content-layout {
      position: relative;
      .content {
        margin: 5px 0 25px 103px;
        color: #000;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        .each-page-container,
        .weekly-page-container {
          background: #fff;
          box-shadow: 2px 0 29px rgba(225, 235, 238, .45);
          overflow: inherit;
          border: 1px solid #fff;
          margin-bottom: 5mm;
          .each-page-content {
            width: 100%;
            height: 100%;
            text-align: center;
            .title,
            .sub-title {
              &.title {
                margin-top: 30mm;
              }
              >h2 {
                margin: 20px auto;
                font-size: 35px;
                font-style: bold;
              }
            }
            .sub-title-time {
              >span {
                font-size: 16px;
              }
            }
            .text-content {
              width: 70%;
              margin: 85mm auto;
              margin-bottom: 0;
              .text {
                margin-top: 1.5mm;
                min-height: 27px;
                overflow: hidden;
                position: relative;
                &:after {
                  position: absolute;
                  content: "";
                  bottom: 6px;
                  right: 0;
                  height: 1px;
                  width: calc(100% - 100px);
                  background-color: #000;
                }
                .text-left,
                .text-right {
                  &.text-left {
                    float: left;
                    text-align: right;
                    width: 100px;
                  }
                  &.text-right {
                    box-sizing: border-box;
                    padding-bottom: 5px;
                    margin-left: 100px;
                    text-align: center;
                  }
                }
              }
            }
            &.content-body {
              box-sizing: border-box;
              padding: 5mm 0;
              &.first-point {
                .body-title {
                  box-sizing: border-box;
                  text-align: left;
                  padding-left: 20px;
                  font-weight: bold;
                  >h2 {
                    font-size: 24px;
                  }
                  >h3 {
                    margin-top: 5mm;
                    font-size: 20px;
                  }
                }
                .body-text {
                  margin-top: 5mm;
                  text-align: left;
                  >p {
                    line-height: 2;
                    text-indent: 20px;
                  }
                }
                .body-chart {
                  width: 50%;
                  margin: 0 auto;
                  margin-top: 10mm;
                  height: 300px;
                }
                .remarks {
                  margin-top: 10mm;
                  >p {
                    text-indent: 20px;
                    text-align: left;
                    color: #c0c0c0;
                    font-size: 12px;
                  }
                }
              }
              &.has-table {
                >.table-title {
                  box-sizing: border-box;
                  text-align: left;
                  padding-left: 20px;
                  font-weight: bold;
                  >h2 {
                    font-size: 24px;
                  }
                  >h3 {
                    text-indent: 20px;
                    margin-top: 5mm;
                    font-size: 16px;
                  }
                }
                .table-container {
                  margin-top: 5mm;
                  width: 100%;
                }
                .remarks {
                  margin-top: 10mm;
                  >p {
                    text-indent: 20px;
                    text-align: left;
                    color: #c0c0c0;
                    font-size: 12px;
                  }
                }
              }
            }
          }
          &.weekly-page-container {
            .weekly-page-content {
              width: 100%;
              height: 100%;
              text-align: left;
              >h1 {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 16px;
              }
              .weekly-block {
                box-sizing: border-box;
                border: 1px solid #000;
                height: 306px;
                .block-header {
                  height: 30px;
                  box-sizing: border-box;
                  line-height: 30px;
                  overflow: hidden;
                  text-align: left;
                  padding-left: 10px;
                  font-size: 12px;
                  font-weight: bold;
                  border-bottom: 1px solid #000;
                  background-color: #D5DCE4;
                }
                .block-body{
                  height: 276px;
                  width: 100%;
                }
              }
              .weekly-block-area {
                line-height: 2;
                >h3 {
                  margin: 10px 0;
                  font-size: 16px;
                }
                p {
                  font-size: 14px;
                  text-indent: 15px;
                }
              }
            }
          }
        }
      }
    }
  }
}
